<template>
	<view class="container">
		<view class="left">
			<view class="box1">
				<image src="/static/u4915.png"></image>
			</view>
			<view class="line"></view>
			<view class="box1" style="background-color: #ddd;">
				<image src="/static/u4922.png"></image>
			</view>
		</view>
		<view class="right">
			<navigator url="/sing/pages/applyinfo/applyinfo">
				<view class="box2">
					<text>医生审核通过，等待支付</text><text class="text" style="margin-left: 50rpx;">2020/10/28</text>
					<view class="text">签约团队：李明明团队</view>
				</view>
			</navigator>
			<view class="box2">
				<text style="color: #ddd;">签约申请提交成功</text>
				<view class="text">签约团队：李明明团队</view>
			</view>
		</view>
	</view>
</template>

<script>

</script>

<style scoped lang="scss">
.container{
	display: flex;
	justify-content: center;
	align-items: center;
}
.left{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.box1{
	width: 60rpx;
	height: 60rpx;
	border-radius: 30rpx;
	background-color: #4582F0;
	position: relative;
	
	image{
		width: 35rpx;
		height: 35rpx;
		position: absolute;
		top: 15rpx;
		left: 15rpx;
	}
}
.line{
	border:2rpx solid #ccc;
	background-color: #ccc;
	width: 1rpx;
	height: 150rpx;
}
.box2{
	margin: 60rpx 0;
	border: 1px #ccc solid;
	padding: 30rpx 30rpx;
	border-radius: 15rpx;
	box-shadow:10rpx 10rpx 30rpx #ccc;
}
.text{
	font-size: 25rpx;
	color: #ccc;
}
</style>